기본 구조 및 상단바

생성일: 2026년 9월 9일 오전 10:54

1. 에디터 화면 구성

1-1.png

① 상단 바
② 좌측 사이드 패널
③ 캔버스 영역
④ 우측 속성 패널

2. 상단 바 기능 이해하기

상단 바는 에디터 최상단에 위치하여 프로젝트 상태를 확인하고,
배포 및 협업 도구를 제공하는 공통 작업 영역입니다.

1-2.png

① 중앙 영역

image.png

  1. 스토어 도메인 정보를 제공하며, 클릭 시 실제 사이트로 이동합니다.
  2. 현재 페이지의 상태가 Draft(다른 사용자에게 공유 전)인지 Public (다른 사용자에게 공유 후)인지 표시됩니다.

② 우측 영역

  1. 프로필 아이콘 : 현재 접속 중인 사용자 목록과 마지막 수정자 정보를 실시간으로 표시합니다.

    Editor_Top.png

  2. 버전 기록 : 클릭 시, 작업 주요 이력이 노출되며, 이력 클릭 시 해당 버전으로 전환됩니다.

    1-2_Right_2.png

  3. 미리보기 : 에디터 UI를 숨기고 Desktop / Tablet / Mobile 실제 화면을 확인 가능합니다.

    image.png

    미리보기 예시.png

  4. 공유 : 이메일 주소를 입력하여 멤버를 초대 및 권한 수정 할 수 있습니다.

    1-2_Right_4.png

  5. 배포 : 사용자가 에디터에서 제작한 웹사이트를 실제 웹 환경에서 배포하는 기능입니다.